<div class="card" *ngIf="combinedData$ | async as data">
    <h2>System</h2>

    <div class="card">
        <table>
            <tr *ngFor="let row of getSystemRows(data)">
                <td class="text-500 vertical-align-top white-space-nowrap pr-4" [ngClass]="row.class">{{ row.label }}</td>
                <td class="inline vertical-align-top select-none pr-2" [ngClass]="(row.class || '') + ' ' + (row.valueClass || '')" [pTooltip]="row.tooltip">{{ row.value }}</td>
            </tr>
        </table>
    </div>
</div>
